/*
 * @Author: luojian jian.luo@macrowing.com
 * @Date: 2024-05-15 15:57:51
 * @LastEditors: luojian jian.luo@macrowing.com
 * @LastEditTime: 2024-05-22 10:58:27
 * @FilePath: \JiangHeBiWeb\src\components\jh\ServiceStorage\ServiceStoragePie\style.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import styled from 'styled-components';
import dpe from '@/assets/jhdata/3dpe.svg';
export const ServiceStoragePieStyle = styled.div` 
@keyframes rotateBackgroundDpiebox {
    from { 
      transform: rotate3d(0,0,0,0deg);
    }
    to {
      transform: rotate3d(1,0,1,0deg); 
    }
  }
  .dpiebox-container{
    position: relative;
  }
  .dpiebox {
    background-image: url(${dpe});
    background-position: 40% 58%; 
    background-color: rgba(255, 255, 255, 0.0);
    background-size: 38%;
    background-repeat: no-repeat;  
    animation: rotateBackgroundDpiebox 2s linear infinite;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .pietitle {
    text-align: center;
    margin-top: 30px;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    @media screen and (width: 2560px) {
      font-size: 1.8rem;
    }
    .piePercent {
      color: #f3d0a7;
      margin-left: 10px;
      font-size: 1.2rem;
      @media screen and (width: 2560px) {
        font-size: 2.3rem;
      }
      font-weight: 500;
    }
  }
`;
